<template>
  <div>
    <h1>商品添加</h1>
  </div>
  <div>
    <el-steps :active="active" finish-status="success" style="max-width: 600px">
      <el-step title="Step 1"> 1111111 </el-step>

      <el-step title="Step 2" />
    </el-steps>

    <!-- <el-button style="margin-top: 12px" @click="next">下一步</el-button> -->
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import type { FormInstance, FormRules } from "element-plus";
const ruleFormRef = ref<FormInstance>();
const active = ref(0);

const rules = ref<FormRules>({
  prodName: [
    { required: true, message: "Please input Activity name", trigger: "blur" },
  ],
});
const next = () => {
  if (active.value++ > 2) active.value = 0;
};
const ruleForm = ref({
  appr: "",
  brandId: null,
  createBy: "",
  createTime: "",
  prodId: null,
  prodImage: "",
  prodKind: null,
  prodName: "",
  prodSpu: "",
  prodType: null,
  tagId: null,
  unitId: null,
  updateBy: "",
  updateTime: "",
});

const submitForm = async (formEl: FormInstance | undefined) => {
  if (!formEl) return;
  await formEl.validate((valid, fields) => {
    if (valid) {
      console.log("submit!");
    } else {
      console.log("error submit!", fields);
    }
  });
};
</script>

<style scoped></style>
